<include file="layout/header" />
<style type="text/css">
	#content table thead th{
		line-height:28px;
		font-weight:bold;
		font-size:14px;
	}
	#content td{
		line-height:31px;
	}
	#content td.msg{
		width:20%;
	}
	#content td.msg span{
		display:block;
		width:400px;
		overflow: hidden; /*自动隐藏文字*/
	    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
	    white-space: nowrap;/*强制不换行*/
	}
	#myModal .msg_box{
		min-height:100px;
		border:1px solid #dedede;
		color:#595959;
		text-indent:2em;
	}
	.hook{height:18px; width:18px; display:block; position:relative;} 

	.hook:after, .hook:before{content:''; height:16px; width:4px; display:block; background:#3276B1; position:absolute; top:1px; left:10px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

	.hook:before{height:10px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:6px; left:3px;}
	.inp_list,#all_inp{
		width:18px;
		height:18px;
		cursor:pointer;
	}
</style>
<div id="content">
	<section id="widget-grid" class="">
		<div class="row">
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
				<div class="jarviswidget jarviswidget-sortable" id="wid-id-4" data-widget-editbutton="false" role="widget" style="">
					<header role="heading">
						<div class="jarviswidget-ctrls" role="menu"></div>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2>用户反馈列表</h2>
					<span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
					</header>

				<!-- widget div-->
				<div role="content">

					<!-- widget edit box -->
					<div class="jarviswidget-editbox">
						<!-- This area used as dropdown edit box -->

					</div>
					<!-- end widget edit box -->
					<div class="widget-body-toolbar">
						<span class="btn btn-primary" @click="delInp">删除所选信息</span>
					</div>
					<!-- widget content -->
					<div class="widget-body no-padding">
						<table class="table table-bordered table-striped table-condensed table-hover smart-form has-tickbox">
							<thead>
								<tr>
									<th>
										<input type="checkbox" name="checkbox-inline" id="all_inp" @click="allInp">
									</th>
									<th>用户ID</th>
									<th>用户</th>
									<th class="msg">内容</th>
									<th>时间</th>
									<th>联系方式</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody class="list_box">
								<volist name='data' id='vo'>
									<tr id="{{$vo.id}}">
										<td>
											<input type="checkbox" name="checkbox-inline" class="inp_list" v-model="chkArr" :value="{{$vo.id}}" @change="sAllInp">
										</td>
										<td>{{$vo.id}}</td>
										<td>{{$vo.name}}</td>
										<td class="msg">
											<span>{{$vo.con}}</span>
										</td>
										<td>{{$vo.time|date="Y-m-d H:i:s",###}}</td>
										<td>{{$vo.contact}}</td>
										<td>
											<span class="btn btn-primary btn-sm look_msg" data-sid="{{$vo.id}}" @click="modalShow">查看</span>
										</td>
									</tr>
								</volist>
							</tbody>
						</table>
						<div class="widget-foot dt-row dt-bottom-row">
							<div class="row">
								<div class="col-sm-6 text-right">
									<div class="dataTables_paginate paging_bootstrap_full">
										<ul class="pagination">
											{{$data->render()}}
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- end widget content -->
					
				</div>
				<!-- end widget div -->

			</div></article>
						<!-- WIDGET END -->

		</div>
					

	</section>
				
	<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close close_model" data-dismiss="modal" aria-hidden="true" @click="modalHide">
						×
					</button>
					<h4 class="modal-title" id="myModalLabel">消息详情</h4>
				</div>
				<div class="modal-body">
				
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<div class="msg_box col-md-12">{{modalMsg}}</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default close_model" @click="modalHide">
						关闭
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div>

</div>


<script type="text/javascript" src="__JS__/manage/back/lists.js"></script>


<include file="layout/footer" />
			